<template>
	<view class="content">
		<view class="head">
			<view class="title">欢迎登录枫叶生产管理系统</view>
			<view class="head-bottom">
				<view class="date-div">
					<view class="time">12:56:27</view>
					<view class="date">12月29日 星期三</view>
				</view>
				<view class="button-div">
					<button class="button color-blue" type="default">
						<u-icon name="fingerprint" size="40"></u-icon>
						<text class="text">打卡（12:00:00）</text>
					</button>
				</view>
			</view>
		</view>
		<view class="body">
			<view class="banner">
				<u-image :showLoading="true" src="../../static/img/index/banner.png" :lazy-load="true" mode="widthFix"></u-image>
			</view>
			<view class="box">
				<u-row class="box-count">
					<u-col span="12" class="col" >
						<u-image src="../../static/img/index/ljdk.png" width="45rpx" height="45rpx" class="img" mode="scaleToFill"></u-image>
						<text class="text orange">今日累计上班时长：</text>
						<text class="text">1小时0分0秒</text>
					</u-col>
				</u-row>
			</view>
			<view class="chart-name">数据统计</view>
			<view class="box">
				<u-row class="box-count">
					<u-col span="6" class="col" style="border-right: 3rpx solid #EBEBEB;">
						<u-image src="../../static/img/index/ywc.png" width="45rpx" height="45rpx" class="img" mode="scaleToFill"></u-image>
						<text class="text">已完成</text>
						<text class="number green">59</text>
					</u-col>
					<u-col span="6" class="col">
						<u-image src="../../static/img/index/wwc.png" width="45rpx" height="45rpx" class="img" mode="scaleToFill"></u-image>
						<text class="text">未完成</text>
						<text class="number orange">38</text>
					</u-col>
				</u-row>
			</view>
			<view class="chart-name">系统管理</view> 
			<view class="box">
				<u-row class="box-count">
					<u-col span="6" class="col" style="border-right: 3rpx solid #EBEBEB;">
						<u-image src="../../static/img/index/mmxg.png" width="35rpx" height="45rpx" class="img" mode="scaleToFill"></u-image>
						<text class="text blue">密码修改</text>
					</u-col>
					<u-col span="6" class="col">
						<u-image src="../../static/img/index/tcdl.png" width="45rpx" height="45rpx" class="img" mode="scaleToFill"></u-image>
						<text class="text red">退出登录</text>
					</u-col>
				</u-row>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		};
	},
	onLoad() {},
	mounted() {
	
	},
	methods: {
		
	}
};
</script>
<style lang="scss">
@import '../../static/css/index.scss';
</style>
